﻿.wan-clear {clear: both;}
.wan-clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}
/* !MAIN HTML STYLE */
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,em,th { font-size: 11px; font-weight: normal; font-style: normal; }
ul,ol, li { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
html, body {margin: 0 auto; padding: 0; color: #333;}
body {
    background: url() no-repeat center center fixed #eee;
    /* ../images/wan-bg.png , http://th14.photobucket.com/albums/a324/gen329/Website/th_Background.png*/
    /* http://www.profilethai.com/download/original/world-map-wallpaper.png */
    font: 81.25%/1.4 "Arial", helvetica, sans-serif;
    overflow: -moz-scrollbars-vertical;
    overflow: -webkit-scrollbars-vertical;
    -webkit-text-size-adjust: none;
    /* text-shadow: #512828 0 1px 0; */
}
a {color: #000;}
a:link, a:visited, a:active {text-decoration: none;}
a:hover {text-decoration: none;	color:#000;	text-shadow: #CCC 0 1px 0;}
/* ----------------------------------------------- */
div#w-body {margin:0 ; padding:0; z-index:1;}
div#w-body .w-container {margin:0 auto; margin-top:10%; padding: 0; width:500px; height: 250px;
	border:1px solid #eee; z-index: 2;
	 /* C S S 3 */
	box-shadow: 0 0px 5px #999; -o-box-shadow: 0 0px 5px #999; -icab-box-shadow: 0 0px 5px #999; -khtml-box-shadow: 0 0px 5px #999;
    -moz-box-shadow: 0 0px 5px #999; -webkit-box-shadow: 0 0px 5px #999;
	
	background: #A1CB2B;
    background: -moz-linear-gradient(center top, #E9ECF0, #DADDE1) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, center top, center bottom, from(#E9ECF0), to(#DADDE1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9ECF0', endColorstr='#DADDE1');}
	
div#w-body .w-container .w-container-l {float:left; width:150px; height:229px; }
div#w-body .w-container .w-container-l img {width:120px; height:120px; top: 65px; left:15px; position:relative; opacity:.5;}
div#w-body .w-container .w-container-r {float:right; width:340px; height:229px;}
 
div#w-body .w-container .w-container-r h1{ font-size:32px; font-weight:bold; letter-spacing: 2px; text-align:center; position:relative; top:-35px;
	
	/* C S S 3 */
	text-shadow: 1px 1px 0px #fff; -o-text-shadow: 1px 1px 0px #fff; -icab-text-shadow: 1px 1px 0px #fff; -khtml-text-shadow: 1px 1px 0px #fff;
    -moz-text-shadow: 1px 1px 0px #fff; -webkit-text-shadow: 1px 1px 0px #fff;}
div#w-body .w-container .w-container-r h1 span {margin:0 ; padding:0; font-size:70px; position:relative; top:35px;}	
div#w-body .w-container .w-container-r p {margin:0 ; padding:0; text-align:center; font-style:italic; position:relative; top:-44px;}
div#w-body .w-container .w-container-r ul {font-size:11px; position:relative; top:-25px; left:50px; font-weight:bold; text-transform:uppercase;}
div#w-body .w-container .w-container-r ul li{margin:0 0 0 30px;list-style:disc; letter-spacing:1px; line-height:18px; font-weight:normal; text-transform:none;}
div#w-body .w-container .w-noted {padding:2px 5px;color:#3c6c9d; font-size:11px; letter-spacing:1px;
	
	/* C S S 3 */
	text-shadow: 1px 1px 0px #fff; -o-text-shadow: 1px 1px 0px #fff; -icab-text-shadow: 1px 1px 0px #fff; -khtml-text-shadow: 1px 1px 0px #fff;
    -moz-text-shadow: 1px 1px 0px #fff; -webkit-text-shadow: 1px 1px 0px #fff;}
div#w-body .w-copy {margin:0 auto; padding:7px 0; width:500px; text-align: right; font-size:11px; color:#999;}